<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>申请售后</title>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/order/order.css">
</head>
<body>
<div class="applyAfter" id="app" v-show="pageShow">
    <div class="home-top headerNav">
        <header class="m-navbar demo-small-pitch">
            <a href="javascript:;" class="navbar-item" onclick="returnBack();"><img class="back" src="../images/return.png"/></a>
            <div class="navbar-center"><span class="navbar-title top-color">申请售后</span></div>
            <!--<a href="javascript:;" class="navbar-item edit" onclick="edit();">编辑</a>-->
        </header>
    </div>
    <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
    <div class="applyAfter-box">
        <div class="order-pro">
            <a href="/order/or_operate.html?orderSn=148819566330523035" class="or-detail">
                <div class="order-number clearfix">
                    <div class="fl">
                        <img src="../images/order/or_edit.png">
                    </div>
                    <div class="fl order-number-2">
                        <p>
                            订单编号：{{after.orderSn}}
                        </p>
                    </div>
                    <div class="fr order-number-3 receive">
                        <span>
                            {{after.status | fStatus}}
                        </span>
                    </div>
                </div>
                <div>
                    <div class="row-cell-con flex">
                        <div class="row-cell-l">
                            <img src="" :src="after.goodImg">
                        </div>
                        <div class="row-cell-r grow-1">
                            <div class="row-cell-r-box flex">
                                <div class="row-cell-r-con grow-1">
                                    <h3>{{after.goodsName}}
                                    </h3>
                                    <p>
                                        {{after.goodSpecInfo}}
                                    </p>
                                </div>
                            </div>
                            <div style="margin-top: .16rem;" class="row-cell-add clearfix">
                                <div class="row-cell-add-price">
                                    <label>
                                        <i>
                                            ￥
                                        </i>
                                        <span class="price-1465">
									{{after.salePrice | formatMoney}}
								</span>
                                    </label>
                                </div>
                                <div class="row-cell-add-btn fr">
                                    x{{after.quantity}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="width: 100%; height: 5px; background: rgb(255, 255, 255); display: none;">
                    </div>
                </div>
            </a>
        </div>
    </div>
    <!--退款说明-->
    <div style="width: 100%;height: 7px;background-color: #eee"></div>
    <div>
        <div class="after-text">
            <div class="after-text-b">
                <div class="after-item clearfix">
                    退款金额
                    <span class="text">¥{{after.refundMoney | formatMoney}}+现金币{{after.refundCashMoney | formatMoney}}</span>
                </div>
                <div class="after-item-r">
                    <img src="/b2c/images/order/after_tishi.png">优惠券不支持退换
                </div>
            </div>
            <div class="after-text-b">
                <div class="after-type clearfix">
                    <span class="fl text-lab">退款类型</span>
                    <div class="fr text-type">
                        <label class="" data-value="2" @click="seelecType($event)">退货退款</label>
                        <label data-value="1" @click="seelecType($event)">仅退款</label>
                    </div>
                </div>
            </div>
            <div class="after-text-b">
                <div class="after-type clearfix">
                    <span class="fl text-lab text-lab2">退款原因</span>
                    <select  class="select-box" id="selectId">
                        <option value="">选择退款原因（必选）</option>
                        <option v-for="(item,index) in after.refundReason">{{item.reason}}</option>
                    </select>
                </div>
            </div>
            <div class="after-text-b">
                <div class="after-type clearfix">
                    <span class="fl text-lab">退款说明</span>
                    <textarea id="after-explain" placeholder="请输入退款说明，如需退邮费也请说明。（200字以内）">
                    </textarea>
                </div>
            </div>
            <div class="after-text-b uploadImgs">
                <div class="showImgWrap imgProof1">
                    <div class="showImg"></div>
                    <input type="file" accept="image/*">
                    <img src="../images/order/del.png" alt="" class="del">
                </div>
                <p>上传照片,最多三张</p>

            </div>
        </div>

    </div>

    <div style="width: 100%;height: 50px"></div>
    <div class="flex-submit">
        <a href="javascript:;" @click="checkAfter()">提交申请</a>
    </div>
</div>
</body>
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/order/applyAfter.js"></script>
</html>